/* 
 *   Author     : Aléx Carrvalho
 */

body{
    padding: 0!important;
    margin: 0 !important;
    height: 100%!important;
    width: 100%!important;
}

.header{
    background-color: rgb(51, 103, 153);
    width: 100%;
    top: 0;
    left: 0;
}

.header-menu-icon{
    font-size: 30px; 
    color: white; 
    display: inline-block; 
    margin:10px 0px 0px 5px;
}

.header-user-icon{
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid white;
    font-size: 25px;
}

.header-title{
    font-size: 35px; 
    color: rgb(253, 253, 253); 
    top: 8px; 
    left: 80px; 
    position: absolute; 
}

.structure-folder {
    font-size: 20px
}

.structure-indicator {
    font-size: 20px
}

.structure-plan {
    font-size: 20px
}

.menu-bar{
    background-color: #FAFAFA;
    width: 100%;
    height: 35px;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.no-break-line{
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.no-border-fildbox:focus{
    border-color: #e3e3e3 !important;
}

.no-select-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.semaphore-white{
    color: rgb(255, 255, 255);
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.semaphore-red{
    color: rgb(212, 0, 0);
}

.semaphore-yellow{
    color: rgb(253, 202, 1);
}

.semaphore-green{
    color: rgb(51, 153, 0);
}

.semaphore-blue{
    color: rgb(69, 128, 214);
}



// estilos sobrescritos do zk

/*.z-menu-content:active, .z-menuitem-content:active*/
.z-page{height: 100%; width: 100%;}
.z-window-content {overflow: auto !important;}
.z-row:hover>.z-row-inner,.z-row:hover>.z-cell{background-color: rgb(211, 211, 211) !important;}
.z-row:hover>.z-row-inner>.z-row-content{color:black;}

.z-treerow:hover>.z-treecell{background-color: rgb(211, 211, 211) !important;}
.z-treerow:hover>.z-treecell>.z-treecell-content{color:#555 !important;}
.z-treerow-selected{background-color: rgb(102, 154, 204) !important}
.z-treerow-selected>.z-treecell { border-color: #e3e3e3; background: transparent;}
.z-treerow-selected>.z-treecell>.z-treecell-content{}
.z-treerow-selected:hover>.z-treecell{border-color:#e3e3e3;background:#cccccf}
.z-treerow-selected:hover>.z-treecell>.z-treecell-content{color:black}

.z-tree-open::before{ content: '\e801' !important; font-family: fontello !important;}
.z-tree-close::before {content: '\e800' !important;font-family: fontello !important;}
.z-tree-icon {
    font-size: 18px !important; 
    color: #B2AFAF !important; 
    text-align: center !important; 
    cursor: pointer !important; 
    vertical-align: inherit !important;
}

.z-treecell-content{ text-overflow: ellipsis;}
